doctype html
html(lang='zh-CN')
    head
        meta(charset='utf-8')
        meta(http-equiv='X-UA-Compatible', content='IE=edge')
        meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no')
        title 点点报表系统
        link(rel="icon" href="/Favicon.ico" type="image/x-icon")
        link(href='/stylesheets/bootstrap.min.css', rel='stylesheet')
        link(href='/stylesheets/home.css', rel='stylesheet')
    body
        .container-fluid(style='padding: 0;')
            .row(style='margin:0;')
                nav.navbar.navbar-default(style='margin: 0;')
                    .container-fluid
                        .visible-lg.visible-md.col-sm-1
                        .navbar-header(style='')
                            button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#bs-example-navbar-collapse-1', aria-expanded='false')
                                span.sr-only Toggle navigation
                                span.icon-bar
                                span.icon-bar
                                span.icon-bar
                            a.navbar-brand(href='#', style='display: inline-block;margin: 0 20px;padding: 0;')
                                img(src='images/jinshan_logo.png', alt='', style='float: left;margin-top: 8px;width: 35px;height: 35px;')
                                span.logoBlo
                                    p(style='font-size:14px;letter-spacing:7px;margin:0;') 上海金山石化物流股份有限公司
                                    p(style='font-size:10px;margin:0;') SHANGHAI JINSHAN PETROCHEMICAL LOGISTICS CO.,LTD
                        .visible-lg.visible-md.visible-sm.col-sm-1
                        #bs-example-navbar-collapse-1.col-xs-5.collapse.navbar-collapse
                            ul.nav.navbar-nav
                                li
                                    a(href='/home') 首页
                                li.dropdown
                                    a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-haspopup='true', aria-expanded='false')
                                        | 报表
                                        span.caret
                                    ul.dropdown-menu
                                        li
                                            a(href='#') 新建报表
                                        li
                                            a(href='#') 报表设计
                                        li
                                            a(href='#') 报表管理
                                        li
                                            a(href='/') 报表展示
                                li.dropdown
                                    a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-haspopup='true', aria-expanded='false')
                                        | 分析
                                        span.caret
                                    ul.dropdown-menu
                                        li
                                            a(href='/newAnalysis') 新建分析
                                        li
                                            a(href='/analysis') 分析管理
                                li
                                    a(href='#') 预警
                                li.dropdown
                                    a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-haspopup='true', aria-expanded='false')
                                        | 设置
                                        span.caret
                                    ul.dropdown-menu
                                        li
                                            a(href='#') 组织机构设置
                                            ul.dropdown-menus
                                                li
                                                    a(href='#') 新建组织
                                                li
                                                    a(href='#') 组织管理
                                                li
                                                    a(href='#') 组织机构展示
                                        li
                                            a(href='#') 权限划分设置
                                        li
                                            a(href='#') 页面配置管理
                                            ul.dropdown-menus
                                                li
                                                    a(href='#') 首页模块
                                                li
                                                    a(href='#') 报表页模块
                                                li
                                                    a(href='#') 登录注册模块
                                                li
                                                    a(href='#') 分析模块
                                        li
                                            a(href='#') 接口管理
                                            ul.dropdown-menus
                                                li
                                                    a(href='#') 数据库接口管理
                                                li
                                                    a(href='#') 数据批处理管理
                                                li
                                                    a(href='#') 固定API接口管理
                                                li
                                                    a(href='#') 特定接口开发管理
                                        li
                                            a(href='#') 数据管理
                                            ul.dropdown-menus
                                                li
                                                    a(href='#') 数据库对接导入数据
                                                li
                                                    a(href='#') 批处理导入数据
                                                li
                                                    a(href='#') API接口获取数据
                                                li
                                                    a(href='#') 定制开发接口获取数据
                                                li
                                                    a(href='#') 数据抓取获取数据
                                        li
                                            a(href='#') 数据抓取仿真
                                            ul.dropdown-menus
                                                li
                                                    a(href='#') 人工演示
                                                li
                                                    a(href='#') 脚本自动生成
                                                li
                                                    a(href='#') 仿真抓取过程
                                                li
                                                    a(href='#') 数据采集生成
                                                li
                                                    a(href='#') 外接的工具插件
                                li.dropdown
                                    a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-haspopup='true', aria-expanded='false')
                                        | 帮助
                                        span.caret
                                    ul.dropdown-menu
                                        li
                                            a(href='#') 新手教程
                                        li
                                            a(href='#') 常见问题
                                        li
                                            a(href='#') 系统使用白皮书
                                        li
                                            a(href='/loading') 股东投票
                            ul.nav.navbar-nav.navbar-right(style='margin-left:100px;')
                                if user.real_name
                                    li
                                        a(href='javascript:;' onclick="delCookie('jinshan_rabbing')")
                                            span.glyphicon.glyphicon-log-in
                                            |  注销
                                            span(style="padding-left:20px;font-size:14px;color:red;")
                                                | 欢迎您: #{user.real_name}
                                else
                                    li
                                        a(href='/login')
                                            span.glyphicon.glyphicon-log-in
                                            |  登录
                                    li
                                        a(href='#')
                                            span.glyphicon.glyphicon-user
                                            |  注册

            .row(style="margin:0;")
                .col-xs-12(style='padding: 0;')
                    #carousel-example-generic.carousel.slide(data-ride='carousel')
                        ol.carousel-indicators
                            li.active(data-target='#carousel-example-generic', data-slide-to='0')
                            li(data-target='#carousel-example-generic', data-slide-to='1')
                            li(data-target='#carousel-example-generic', data-slide-to='2')
                        .carousel-inner(role='listbox')
                            .item.active
                                img(src='images/09_03.jpg', alt='')
                            .item
                                img(src='images/10_03.jpg', alt='')
                            .item
                                img(src='images/11_03.jpg', alt='')
                                .carousel-caption
                        a.left.carousel-control(href='#carousel-example-generic', role='button', data-slide='prev')
                            span.glyphicon.glyphicon-chevron-left(aria-hidden='true')
                        a.right.carousel-control(href='#carousel-example-generic', role='button', data-slide='next')
                            span.glyphicon.glyphicon-chevron-right(aria-hidden='true')
            .row(style='height: 400px;background: #F7F7F7;padding-left: 10%;')
                .col-xs-5(style='margin: 50px 0 0;')
                    h2 点点报表系统
                    p(style='padding-top: 20px;line-height: 40px;color: #7A7A7A;')
                        | 点点报表系统是公司自主研发、具有知识产权、深度聚合的企业级智能报表系统，它能从企业多源系统中自动抓取数据，自动汇总数据，自动生成报表，自动分析报表，进行可视化图表展示。是企业经营管理者管理创新的智能助理。公司致力于在大数据技术领域打造独特的创新能力，以帮助企业建立数据驱动管理创新体系为使命。
                    a(href='javascript:;', style='display: block;width: 70px;height: 35px;cursor: pointer;')
                        img(src='images/jinshan_003.png', alt='', style='width: 20px;height: 20px;vertical-align: middle;')
                        i(style='font-style: normal;color: #000000;vertical-align: middle;') 更多
                .col-xs-6(style='margin: 50px 50px 0 0;')
                    img(src='images/denghui.png', alt='', style='margin-left: 50px;width: 70%;float: right;')
        .container
            .row(style='height: 514px;text-align: center;padding-top: 100px;')
                h1 系统特色
                ul.tese
                    li(style="background-image: url('images/web1.png')")
                        a(href='javascript:;')
                            img(src='images/web2.png', alt='')
                            p 适用范围广泛
                            p 各类web/移动端/win端产品
                    li(style="background-image: url('images/web3.png')")
                        a(href='javascript:;')
                            img(src='images/web4.png', alt='')
                            p 数据模型
                            p 自由定义数据类型
                    li(style="background-image: url('images/web5.png')")
                        a(href='javascript:;')
                            img(src='images/web6.png', alt='')
                            p 数据抓取
                            p 一键录制脚本/便捷/快速
                    li(style="background-image: url('images/web7.png')")
                        a(href='javascript:;')
                            img(src='images/web8.png', alt='')
                            p 智能数据分析
                            p 投影/仿真
                    li(style="background-image: url('images/web9.png')")
                        a(href='javascript:;')
                            img(src='images/web10.png', alt='')
                            p 海量行业数据
                            p 汇总行业数据
            //.row(style='height: 545px;text-align: center;padding-top: 100px;')
                //h1 应用领域
                //ul.lingyu
                //    li
                //        a(href='javascript:;')
                //            img(src='images/1_03.png', alt='')
                //    li
                //        a(href='javascript:;')
                //            img(src='images/2_03.png', alt='')
                //    li
                //        a(href='javascript:;')
                //            img(src='images/3_03.png', alt='')
                //    li
                //        a(href='javascript:;')
                //            img(src='images/4_03.png', alt='')
                //    li
                //        a(href='javascript:;')
                //            img(src='images/5_03.png', alt='')
                //    li
                //        a(href='javascript:;')
                //            img(src='images/6_03.png', alt='')
                //    li
                //        a(href='javascript:;')
                //            img(src='images/7_03.png', alt='')
                //    li
                //        a(href='javascript:;')
                //            img(src='images/8_03.png', alt='')
            .row(style='height: 360px;text-align: center;padding-top: 100px;')
                h1 合作伙伴
                .run
                    ul
                        li
                            a(href='javascript:;')
                                img(src='images/jinshan_logo.png', alt='' style="width:60px;height:60px;")
                                p 上海金山石化物流股份有限公司
                        li
                            a(href='javascript:;')
                                img(src='images/zll2_03_03.png', alt='' style="width:60px;height:60px;")
                                p 上海赞控网络科技有限公司
                        li
                            a(href='javascript:;')
                                img(src='images/jinshan_logo.png', alt='' style="width:60px;height:60px;")
                                p 上海金山石化物流股份有限公司
                        li
                            a(href='javascript:;')
                                img(src='images/zll2_03_03.png', alt='' style="width:60px;height:60px;")
                                p 上海赞控网络科技有限公司
                        li
                            a(href='javascript:;')
                                img(src='images/jinshan_logo.png', alt='' style="width:60px;height:60px;")
                                p 上海金山石化物流股份有限公司
                        li
                            a(href='javascript:;')
                                img(src='images/zll2_03_03.png', alt='' style="width:60px;height:60px;")
                                p 上海赞控网络科技有限公司
                        li
                            a(href='javascript:;')
                                img(src='images/jinshan_logo.png', alt='' style="width:60px;height:60px;")
                                p 上海金山石化物流股份有限公司
                        li
                            a(href='javascript:;')
                                img(src='images/zll2_03_03.png', alt='' style="width:60px;height:60px;")
                                p 上海赞控网络科技有限公司
        script(src='javascripts/jQuery.js')
        script(src='javascripts/bootstrap.min.js')
        script(type="text/javascript" src="javascripts/cookie.js")
        script.
            // 无缝轮播图
            var odis1 = document.getElementsByClassName("run")[0];
            var oul = odis1.getElementsByTagName("ul")[0];
            var time1 = setInterval(wufeng, 10);
            var run = 0;
            function wufeng() {
                run--;
                oul.style.left = run + "px";
                if (run == -685) {
                    run = 0;
                }
            }
